.section1 { background: url(../images/page1/bg.jpg);background-size:100% 100%;background-repeat: no-repeat;}
.section2 { background: url(../images/page2/bg.jpg);background-size:100% 100%;background-repeat: no-repeat;}
.section3 { background: url(../images/page3/bg.jpg);background-size:100% 100%;background-repeat: no-repeat;}
.section4 { background: url(../images/page3/bg.jpg);background-size:100% 100%;background-repeat: no-repeat;}
.section5 { background: url(../images/page3/bg.jpg);background-size:100% 100%;background-repeat: no-repeat;}
.section6 { background: url(../images/page6/bg.jpg);background-size:100% 100%;background-repeat: no-repeat;}
.abc{
	background-color: #fff;
}
.glim1{
	z-index: 2;
	position: absolute;
	top: 0;
	left: 10%;
	-webkit-animation:swinging 10s ease-in-out 0s infinite;
	-webkit-transform-origin:50% 0;
}
.glim2{
	z-index: 2;
	position: absolute;
	top: 0;
	left: 70%;
	-webkit-animation:swinging 10s ease-in-out 0s infinite;
	-webkit-transform-origin:50% 0;
}
/*.head_d{
	display: none;
}*/
.head{
	display: block;
	z-index: 2;
	position: absolute;
	top: 22%;
	left: 11%;
	-webkit-animation:zp 0.8s linear;
}
/*.head_2_d{
	display: none;
}*/
.head_2{
	display: block;
	z-index: 2;
	position: absolute;
	top: 44%;
	left: 13%;
	-webkit-animation: fadeInRight 0.5s ease-out;

}
.Chinese_j{
	position: absolute;
	top: 0;
	left: 10%;

}
.content_d{
	display: none;
}
.content{
	display: block;
	font-size: 25px;
	width: 70%;
	position: absolute;
	top: 80%;
	left: 20%;
	color: #e28f76;
	text-align: left;
	text-decoration: underline;
	-webkit-animation: fadeInRight 0.5s ease-out;
}
.light_d{
	display: none;
}
.light{
	display: block;
	position: absolute;
	top: 80%;
	left: 2%;
	-webkit-animation: fadeInLeft 0.5s ease-out;
}
.page2_head_d{
	display: none;
}
.page2_head{
	display: block;
	position: absolute;
	top: 73%;
	left: 20%;
	-webkit-animation: fadeInRight 0.5s ease-out;
}
.tuanyuan_d{
	display: none;
}
.tuanyuan{
	display: block;
	position: absolute;
	top: 23%;
	left: -3%;
	-webkit-animation: fadeInLeft 0.5s ease-out;

}
.tangyuan_d{
	display: none;
}
.tangyuan{
	display: block;
	position: absolute;
	top: 18%;
	left: 23%;
	-webkit-animation: fadeInRight 0.5s ease-out;
}
.tangyuan_b_d{
	display: none;
}
.tangyuan_b{
	display: block;
	position: absolute;
	top: 18%;
	left: 56%;
	-webkit-animation: fadeInRight 0.5s ease-out;
}
.tangyuan_c_d{
	display: none;
}
.tangyuan_c{
	display: block;
	position: absolute;
	top: 18%;
	left: 89%;
	-webkit-animation: fadeInRight 0.5s ease-out;
}
.food_a_d{
	display: none;
}
.food_a{
	display: block;
	position: absolute;
	top: 15%;
	left: 3%;
	-webkit-animation: fadeInLeft 0.5s ease-out;
}
.head_a_d{
	display: none;
}
.head_a{
	display: block;
	position: absolute;
	top: 5%;
	left: 7%;
	-webkit-animation: fadeInLeft 0.5s ease-out;
}
.food_b_d{
	display: none;
}
.food_b{
	display: block;
	position: absolute;
	top: 15%;
	left: 36%;
	-webkit-animation: fadeInLeft 0.5s ease-out;

}
.head_b_d{
	display: none;
}
.head_b{
	display: block;
	position: absolute;
	top: 5%;
	left: 38%;
	-webkit-animation: fadeInLeft 0.5s ease-out;
}
.food_c_d{
	display: none;
}
.food_c{
	display: block;
	position: absolute;
	top: 15%;
	left: 69%;
	-webkit-animation: fadeInLeft 0.5s ease-out;
}
.head_c_d{
	display: none;
}
.head_c{
	display: block;
	position: absolute;
	top: 5%;
	left: 71%;
	-webkit-animation: fadeInLeft 0.5s ease-out;
}
.deng{
	position: absolute;
	top:0;
	left: 50%;
	-webkit-animation:deng 10s ease-in-out 0s infinite;
	-webkit-transform-origin:50% 0;
}
.nao_d{
	display: none;
}
.nao{
	display: block;
	position: absolute;
	top: 27%;
	left: 8%;
	-webkit-animation: zp2 0.15s ease-in-out;
}
.yuan_d{
	display: none;
}
.yuan{
	display: block;
	position: absolute;
	top: 24%;
	left: 23%;
	-webkit-animation: zp2 0.15s ease-in-out;
}
.xiao_d{
	display: none;
}
.xiao{
	display: block;
	position: absolute;
	top: 25%;
	left: 44%;
	-webkit-animation: zp2 0.15s ease-in-out;
}
.cai_d{
	display: none;
}
.cai{
	display: block;
	position: absolute;
	top: 41%;
	left: 55%;
	-webkit-animation: zp2 0.15s ease-in-out;
}
.deng_z_d{
	display: none;
}
.deng_z{
	display: block;
	position: absolute;
	top: 40%;
	left: 70%;
	-webkit-animation: zp2 0.15s ease-in-out;
}
.mi_d{
	display: none;
}
.mi{
	display: block;
	position: absolute;
	top: 41%;
	left: 88%;
	-webkit-animation: zp2 0.15s ease-in-out;
}
.lion_d{
	display: none;

}
.lion{
	display: block;
	position: absolute;
	top: 43%;
	left: 14%;
	-webkit-animation: fadeInLeft 0.5s ease-out;
}
.english{
	position: absolute;
	top: 54%;
	left: 60%;
}
.page6_content_d{
	display: none;
}
.page6_content{
	display: block;
	position: absolute;
	top: 71%;
	left: 8%;
	-webkit-animation: fadeInRight 0.5s ease-out;
}
.cai_a_d{
	display: none;
}
.cai_b_d{
	display: none;
}
.cai_c_d{
	display: none;
}

.cai_a{
	display: block;
	position: absolute;
	bottom: 13%;
	left: 0;
	background: url(../images/page3/cai_a.png);background-size:100% 100%;background-repeat: no-repeat;;
	width: 33.3%;
	height: 45%;
	-webkit-animation: fadeInBottom 0.5s ease-out;

}
.cai_b{
	display: block;
	position: absolute;
	bottom: 13%;
	left:33.3%;
	background: url(../images/page3/cai_b.png);background-size:100% 100%;background-repeat: no-repeat;;
	width: 33.333%;
	height: 45%;
	-webkit-animation: fadeInBottom 0.5s ease-out;

}
.cai_c{
	display: block;
	position: absolute;
	bottom: 13%;
	left: 66.666%;
	background: url(../images/page3/cai_c.png);background-size:100% 100%;background-repeat: no-repeat;;
	width: 33.3%;
	height: 45%;
	-webkit-animation: fadeInBottom 0.5s ease-out;

}

/*摆动效果*/
@-webkit-keyframes swinging{
    0% { -webkit-transform: rotate(0); }
    10% { -webkit-transform: rotate(10deg); }
    20% { -webkit-transform: rotate(-9deg); }
    30% { -webkit-transform: rotate(10deg); }
    40% { -webkit-transform: rotate(-9deg); }
   	50% { -webkit-transform: rotate(10deg); }
    60% { -webkit-transform: rotate(-9deg); }
    70% { -webkit-transform: rotate(10deg); }
    80% { -webkit-transform: rotate(-9deg); }
    90% { -webkit-transform: rotate(10deg); }
    100% { -webkit-transform: rotate(0); } 
										
}
@-webkit-keyframes deng{
    0% { -webkit-transform: rotate(0); }
    10% { -webkit-transform: rotate(-9deg); }
    20% { -webkit-transform: rotate(0deg); }
    30% { -webkit-transform: rotate(-8deg); }
    40% { -webkit-transform: rotate(0deg); }
   	50% { -webkit-transform: rotate(-7deg); }
    60% { -webkit-transform: rotate(0deg); }
    70% { -webkit-transform: rotate(-3deg); }
    80% { -webkit-transform: rotate(0deg); }
    90% { -webkit-transform: rotate(-1deg); }
    100% { -webkit-transform: rotate(0); } 
										
}



@-webkit-keyframes zp {
 0%,50%{opacity:0;-webkit-transform:scale(0.1)}
 70%{opacity:.6;-webkit-transform:scale(0.5)}
 80%{opacity:.8;-webkit-transform:scale(0.8)}
 90%{opacity:1;-webkit-transform:scale(1.2)}
 100%{opacity:1;-webkit-transform:scale(1)}
}

@-webkit-keyframes fadeInRight{
	0%{
		opacity:0;
		-webkit-transform:translate(50%,0);
		transform:translate(50%,0)}
	100%{opacity:1;-webkit-transform:none;
		transform:none}
	}

@-webkit-keyframes fadeInLeft{
0%{
	opacity:0;
	-webkit-transform:translate(-50%,0);
	transform:translate3d(-50%,0,0)}
100%{opacity:1;
	-webkit-transform:none;
	transform:none}
}

@-webkit-keyframes fadeInBottom{
	0%{opacity:0;
		-webkit-transform:translate(0,50%);
		transform:translate(0,50%)}
	100%{opacity:1;
		-webkit-transform:none;
		transform:none}
	}

@-webkit-keyframes zp2 {
 0%{opacity:0;-webkit-transform:scale(3)}
 100%{opacity:1;-webkit-transform:scale(1)}
}

/*页码*/

#pagecode {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background: rgba(0,0,0,0.2);
    position: fixed;
    bottom: 57px;
    left: 48%;
    margin-left: -24px;
    z-index: 99;
    transition: transform 0.5s, opacity 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    text-align: center;
    font-size: 40px;
}
#arw {
    width: 15px;
    height: 22px;
    background: url("../images/icon-arrow.png") no-repeat center bottom;
    margin: 0 auto;
    display: block;
}
#pageNum{
    color:#fff;
}

#pageNum i{
    font-style: normal;
    font-size: 40px;
}
#arw.arwUp{animation: arrow 1.5s;-webkit-animation: arrow 1.5s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear;}
@keyframes arrow{ 0%{transform:translateY(5px); opacity:1} 100%{transform:translateY(-10px); opacity:0}}
@-webkit-keyframes arrow{ 0%{-webkit-transform:translateY(5px); opacity:1} 100%{-webkit-transform:translateY(-10px); opacity:0}}
#arw.arwDown{-webkit-transform:rotate(180deg) translateY(-10px) !important; transform:rotate(180deg) translateY(-10px) !important; opacity:0.7 !important}

/*test develop*/